<div class="welcome">
    <style type="text/css">
        .list-images {
            overflow: hidden;
            position: absolute;
            top: 112px;
            left: 0;
            right: 0;
            bottom: 0;
        }
        .list-images-content {
            background: #eeeeee;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 60px;
        }
        .list-images-page {
            position: absolute;
            height: 60px;
            left: 0;
            right: 0;
            bottom: 0;
        }
        .image-item {
            float: left;
        }
        .page-content {
            text-align: center;
        }
    </style>
    <div>
        <h1 class="page-title">网站资源监控</h1>
    </div>
    <div class="layui-tab-item layui-show">
        <div>
            <form class="layui-form layui-form-pane">
                实际匹配的搜索时间：<span data-bind="text: currentAction().lastestRunTime"></span>
                <button class="layui-btn layui-btn-normal" lay-submit lay-filter="search-submit">查询</button>
                <button class="layui-btn layui-btn-normal" id="share-url">分享</button>
                <button class="layui-btn layui-btn-normal" id="share-params-only">只分享参数</button>
                <button class="layui-btn layui-btn-normal" id="back-to-param">返回参数设置</button>
                <button class="layui-btn layui-btn-normal" id="download-link">导出</button>
            </form>
        </div>
        <div id="list-images" class="list-images">
            <div class="list-images-content">
                <div data-bind="foreach: { data: images, as: 'eachImage' }, style: { width: totalWidth }">
                    <table class="image-item" data-bind="style: { width: totalWidth() / 6, height: totalHeight() / 3 }">
                        <tbody>
                        <tr>
                            <td valign="middle" align="center">
                                <a target="_blank" data-bind="attr: { href: '/kunlunAssets/index.html#plan/trace/' + modelId() + '?searchDate=' + encodeURIComponent(param.searchDate()) + '&term=' + encodeURIComponent(eachImage.url) + '&actionId=' + encodeURIComponent(param.actionId()) }">
                                    <img data-bind="attr: { src: eachImage.url }, style: { maxWidth: totalWidth() / 6, maxHeight: totalHeight() / 3 }" />
                                </a>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="list-images-page">
                <div id="page-content" class="page-content"></div>
            </div>
        </div>
    </div>
</div>